<template>
    <div class="subpage">
        <my-head title="登录"></my-head>
        <van-tabs 
            v-model="active" 
            color="#f50"
            title-active-color="#f50"
        >
            <van-tab title="用户名登录" name="username">
                <LoginByName></LoginByName>
            </van-tab>
            <van-tab title="手机号登录" name="phone">
                <LoginByPhone></LoginByPhone>
            </van-tab>
        </van-tabs> 
    </div>
</template>

<script>
import LoginByName from "./LoginByName.vue"
import LoginByPhone from './LoginByPhone.vue'
export default {
    components:{
        LoginByName,
        LoginByPhone
    },
    data(){
        return {
            active:'username'
        }
    }
}
</script>